@import (reference) '~weaver-mobile/dist/weaver-mobile.less';

@odocReport: odoc-report;

.@{odocReport}{
  height: 100%;
  width: 100%;
  &-statistics{
    padding: 15 * @hd;
    .@{odocReport}-flowitem{
      line-height: 40 * @hd;
      width: 100%;
      border-radius: 5 * @hd;
      color: #fff;
      margin-top: 5 * @hd;
      padding: 0 * @hd 10 * @hd;
      box-sizing: border-box;
      &-right{
        float: right;
      }
    }
  }
  &-flowEchart{
    &-title{
      padding: 10 * @hd 15 * @hd;
      // font-weight: bold;
      
    }
    &-more{
      float:right;
      margin-top: -27 * @hd;
      margin-right: 10 * @hd; 
    }
    &-moreIcon{
      vertical-align: middle;
      transform: rotate(-90deg);
      width: 14 * @hd;
      height: 14 * @hd;
      margin-left: 5 * @hd;
    }
    
  }
  &-docCount{
    height: calc(~'100% - 45px');
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  &-verticalLine{
    display: inline-block;
    width: 5 * @hd;
    height: 18 * @hd;
    background: #4878d3;
    vertical-align: bottom;
    margin-right: 5 * @hd;
  }

  &-workflowEchart{
    height: calc(~'100% - 45px');
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
  }

}

.odoc-report-moreWorkflow{
  .am-progress-outer{
    height: 10 * @hd;
    border-radius: 5 * @hd;
  }
  .am-progress-bar {
    border: 5 * @hd solid #55b1f9;
    border-radius: 5 * @hd;
  }
  .wm-list-page-item-col-1{
    flex-grow: 8;
  }
}
.noRightRep {
  height: 100%;
  .am-result {
    height: 100%;
    padding-top: calc(~'50% + 50px')
  }
}
